<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>交易所品种费率</title>
    <script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>
    <script src="../lib/layuimini/js/lay-config.js"></script>
    <link type="text/css" rel="stylesheet" href="../lib/layuimini/lib/layui-v2.5.5/css/layui.css"/>
    <script src="./js/exchangRate.js"></script>
</head>
<body>
<table class="layui-hide" id="Rate" lay-filter="Rate"></table>

<script type="text/html" id="userToolBar">
    <div style="float:right">
        <button class="layui-btn layui-btn-normal layui-btn layui-btn-sm" lay-event="add">
            <i class="layui-icon">&#xe654;</i>添加数据
        </button>
        <button class="layui-btn layui-btn-primary layui-btn layui-btn-sm" lay-event="deleteAll" style="color: #FF0000">
            <i class="layui-icon">&#xe640;</i>批量删除
        </button>
    </div>
    <!--  form表单  -->
    <!--   采用用户的名字来进行模糊查询-->
    <form class="layui-form layui-col-space5">
        <!--   采用用户的姓名和id来进行模糊查询-->
        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label layui-bg-gray" style="width: 110px;text-align: center">交易所</label>
        </div>
        <div class="layui-inline layui-show-xs-block">
            <select id="exchangeRateName">
                <option value="-1" selected>请选择交易所</option>
                <option value="1">上交所</option>
                <option value="2">深交所</option>
            </select>
        </div>

        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label layui-bg-gray" style="width: 110px;text-align: center">费率类型</label>
        </div>
        <div class="layui-inline layui-show-xs-block">
            <select id="exchangeType">
                <option value="-1" selected>请选择品种类型</option>
                <option value="1">股票</option>
                <option value="2">债券</option>
            </select>
        </div>

        <!-- 模糊查询的按钮  -->
        <!-- type="button 这个是为了不让layui提交两次-->
        <div class="layui-inline layui-show-xs-block">
            <button class="layui-btn layui-btn-normal" lay-submit="" lay-event="search"
                    lay-filter="sreach" type="button"><i class="layui-icon">&#xe615;</i>搜索
            </button>
        </div>
    </form>
</script>
<script type="text/html" id="toolEventDemo">
    <a class="layui-btn layui-btn-xs" style="background-color: #1E9FFF" lay-event="edit"><i
            class="layui-icon">&#xe642;</i>编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i
            class="layui-icon">&#xe640;</i>删除</a>
</script>

<div id="addContent"
     style="display: none; height: 100%; height: 100%; text-align: center;">
    <form id="addform" lay-filter="addform"
          class="layui-form layui-form-pane"
          style="margin: 30px auto; display: inline-block;">
        <div class="layui-form-item" style="text-align: center;">
            <label class="layui-form-label layui-bg-gray">交易所</label>
            <div class="layui-input-inline">
                <select name="exchangeRateName" id="RateName_2">
                    <option value="-1" selected>请选择交易所</option>
                    <option value="1">上交所</option>
                    <option value="2">深交所</option>
                </select>
            </div>
        </div>
        <div class="layui-form-item" style="text-align: center;">
            <label class="layui-form-label layui-bg-gray">费率类型</label>
            <div class="layui-input-inline">
                <select name="exchangeType" id="rateType_2">
                    <option value="-1" selected>请选择费率类型</option>
                    <option value="1">股票</option>
                    <option value="2">债券</option>
                </select>
            </div>
        </div>
        <div class="layui-form-item" style="text-align: center;">
            <label class="layui-form-label layui-bg-gray"> 印花税</label>
            <div class="layui-input-inline">
                <input type="number" name="stampDuty" lay-verify="required"
                       autocomplete="off" placeholder="" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item" style="text-align: center;">
            <label class="layui-form-label layui-bg-gray"> 过户费</label>
            <div class="layui-input-inline">
                <input type="number" name="transferFee" lay-verify="required"
                       autocomplete="off" placeholder="" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item" style="text-align: center;">
            <label class="layui-form-label layui-bg-gray"> 经手费</label>
            <div class="layui-input-inline">
                <input type="number" name="handlingFee" lay-verify="required"
                       autocomplete="off" placeholder="" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item" style="text-align: center;">
            <label class="layui-form-label layui-bg-gray"> 征管费</label>
            <div class="layui-input-inline">
                <input type="number" name="collectionFee" lay-verify="required"
                       autocomplete="off" placeholder="" class="layui-input">
            </div>
        </div>
        <div style="position: absolute; bottom: 20px; left: 28%;">
            <button class="layui-btn" lay-submit="" lay-filter="addsubmit" style="background-color: #1E9FFF">
                <i class="layui-icon">&#x1005;</i>添加
            </button>
            <button class="layui-btn layui-btn-primary cancel" type="button" name="offSubmit"  onclick="quxiao()" style="color: #FF0000">
                <i class="layui-icon">&#x1006;</i>取消
            </button>
        </div>
    </form>
</div>
<!--修改的div内容-->
<div id="editContent"
     style="display: none; height: 100%; height: 100%; text-align: center;">
    <form id="editform" lay-filter="editform"
          class="layui-form layui-form-pane"
          style="margin: 30px auto; display: inline-block;">
        <input type="hidden" name="exchangeRateId" value="">
        <div class="layui-form-item" style="text-align: center;">
            <label class="layui-form-label layui-bg-gray">交易所</label>
            <div class="layui-input-inline">
                <select name="exchangeRateName" id="RateName_1">
                    <option value="-1" selected>请选择交易所</option>
                    <option value="1">上交所</option>
                    <option value="2">深交所</option>
                </select>
            </div>
        </div>
        <div class="layui-form-item" style="text-align: center;">
            <label class="layui-form-label layui-bg-gray">费率类型</label>
            <div class="layui-input-inline">
                <select name="exchangeType" id="rateType_1">
                    <option value="-1" selected>请选择费率类型</option>
                    <option value="1">股票</option>
                    <option value="2">债券</option>
                </select>
            </div>
        </div>

        <div class="layui-form-item" style="text-align: center;">
            <label class="layui-form-label layui-bg-gray"> 印花税</label>
            <div class="layui-input-inline">
                <input type="number" name="stampDuty" lay-verify="required"
                       autocomplete="off" placeholder="" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item" style="text-align: center;">
            <label class="layui-form-label layui-bg-gray"> 过户费</label>
            <div class="layui-input-inline">
                <input type="number" name="transferFee" lay-verify="required"
                       autocomplete="off" placeholder="" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item" style="text-align: center;">
            <label class="layui-form-label layui-bg-gray"> 经手费</label>
            <div class="layui-input-inline">
                <input type="number" name="handlingFee" lay-verify="required"
                       autocomplete="off" placeholder="" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item" style="text-align: center;">
            <label class="layui-form-label layui-bg-gray"> 征管费</label>
            <div class="layui-input-inline">
                <input type="number" name="collectionFee" lay-verify="required"
                       autocomplete="off" placeholder="" class="layui-input">
            </div>
        </div>
        <div style="position: absolute; bottom: 40px; left: 28%;">
            <button class="layui-btn" lay-submit="" lay-filter="editsubmit" style="background-color: #1E9FFF">
                <i class="layui-icon">&#x1005;</i>修改
            </button>
            <button class="layui-btn layui-btn-primary cancel" type="button" name="offSubmit" style="color: #FF0000">
                <i class="layui-icon">&#x1006;</i>取消
            </button>
        </div>
    </form>
</div>
</body>
<script src="./js/exchangRate.js"></script>
</html>